<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>梵越瑜伽</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="modal.css">
  </head>
  <body>
    <h1>
        欢迎来到瑜伽管理平台
    </h1>
    <a href="./pages/login/login.html">登录</a>
    <a href="./pages/manual/manual.html">手册</a>
    <a href="./pages/course/course.html">课程</a>
    <a href="./pages/card/card.html">会员卡</a>
    <a href="./pages/class/class.html">班级</a>
    <a href="./pages/user/user.html">用户</a>
    <a href="./pages/my/my.html">我的</a>

    <div id="userInfo" >
      <div>
        <p><strong>账号：</strong><span id="account"></span></p>
        <p><strong>用户名：</strong><span id="name"></span></p>
        <p><strong>头像：</strong><img id="avatar" alt="头像" /></p>
        <p><span id="admin"></span></p>
        <p>如果这不是你的信息,请重新登录一次</p>
      </div>
    </div>
    <div id="classTabelDiv" >
      <table id="classTable">
        <caption>班级表</caption>
        <thead>
        </thead>
        <tbody>
        </tbody>
      </table>
    </div>
    <div id="error-message"  >
      <p>请先登录一下吧</p>
    </div>
    <div id="error-message-class">
      <p>获取课程表信息失败</p>
    </div>
    <div id="modal" class="modal">
      <div class="modal-content" id="modalContent">
        <span id="closeBtn" class="close-btn">&times;</span>
        <h2>班级详情</h2>
        <!-- 弹窗内容会动态填充 -->
      </div>
    </div>
    <script src="modal.js"></script>
    <script src="index.js"></script>
  </body>
  <!-- electron-forge start -->
</html>
